/*
 * @CodingBy: YuTao 
 * @Date: 2018-04-12 15:00:31 
 * @Last Modified by: YuTao
 * @Last Modified time: 2018-04-13 10:55:29
 */


/*
 * @CodingBy: YuTao 
 * @Date: 2018-04-12 14:08:08 
 * @Last Modified by: YuTao
 * @Last Modified time: 2018-04-12 15:00:14
 */

.wrap {
    width: 6.4rem;
    margin: 0 auto;
}

.height_80 {
    height: .8rem;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    font-size: .28rem;
    line-height: .8rem;
}

.method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    padding-left: .2rem;
}

.method .m_input {
    color: #b55444;
    margin-left: .1rem;
}

.img_icon1 {
    display: block;
    width: .37rem;
    height: .25rem;
    background: url(../images/icon_1.png) no-repeat center center;
    background-size: .37rem .25rem;
    margin-right: .13rem;
}

.types {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .2rem;
}

.types span {
    display: block;
    font-size: .28rem;
    width: 2.9rem;
    height: 0.56rem;
    border: 1px solid #eee;
    text-align: center;
    line-height: .56rem;
    margin-bottom: .1rem;
    border-radius: 4px;
}

.types .active {
    background: #b55444;
    border: 1px solid #b55444;
    color: #fff;
}

.positions {
    width: 100%;
    height: .78rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .2rem;
    border-bottom: 1px solid #e2e2e2;
    /* ``````` */
}

.positions span:first-of-type {
    font-size: .28rem;
    color: #666;
}

#area {
    display: block;
    width: 3.9rem;
    font-size: .28rem;
    color: #999;
}

.choose_city {
    display: block;
    width: .34rem;
    height: 100%;
    background: url(../images/more.png) no-repeat center center;
    background-size: .14rem .24rem;
}

.out {
    display: none;
}

.positions1 {
    width: 100%;
    height: .78rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .2rem;
    border-bottom: 1px solid #e2e2e2;
}

.positions1 span:first-of-type {
    font-size: .28rem;
    color: #666;
}

.ssqu1 {
    display: block;
    width: 3.9rem;
    font-size: .28rem;
    color: #999;
}

.choose_city1 {
    display: block;
    width: .34rem;
    height: 100%;
    background: url(../images/more.png) no-repeat center center;
    background-size: .14rem .24rem;
}


/* 选择药房 */

.choose_phar {
    width: 100%;
}

.choose_phar ul {
    width: 6.2rem;
    margin-left: .2rem;
}

.choose_phar ul li {
    width: 100%;
    min-height: .9rem;
    border-bottom: 1px solid #e2e2e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-jusitfy-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .28rem;
}

.choose_phar ul li>span {
    display: block;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background: #eeeeee;
    border: 1px solid #d1d1d1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.choose_phar ul li:last-of-type {
    border: none;
}

.choose_phar ul li>span span {
    display: block;
    border-radius: 50%;
    width: .2rem;
    height: .2rem;
    background: #0077ff;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition: transform .5s;
    /* Safari */
}

.choose_phar ul li>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex: 1;
    margin-left: .2rem;
}

.choose_phar ul li>div div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-jusitfy-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.choose_phar ul li>div div span:first-of-type {
    font-size: .28rem;
    color: #333;
}


/* .choose_phar ul li>div div span:last-of-type {
    margin-right: .2rem;
    font-size: .28rem;
    color: #b55444;
} */

.choose_phar ul li>div span {
    line-height: .44rem;
    font-size: .28rem;
    color: #666;
}

.choose_phar .one,
.choose_phar .two,
.choose_phar .three,
.choose_phar .four {
    display: none;
}

.choose_fry {
    width: 6rem;
    /* height: .66rem; */
    margin: 0 auto;
    margin-top: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    /* justify-content: space-between;
    -webkit-justify-content: space-between; */
}

.choose_fry span {
    display: block;
    width: 1.4rem;
    height: .66rem;
    border-radius: 4px;
    line-height: .66rem;
    text-align: center;
    font-size: .28rem;
    border: 1px solid #999;
    margin-right: .1rem;
}

.choose_fry .fry_active {
    background: #b55444;
    border: 0;
    color: #fff;
}

.choose_phar ul li>span .pharmacy_active {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

.line {
    width: 100%;
    height: .16rem;
    background: #f7f7f7;
}

.footer {
    width: 100%;
    height: .9rem;
    background: #b55444;
    position: fixed;
    bottom: 0;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    line-height: .9rem;
}